﻿@using ZhouYu.DreamTour.Model;
@using ZhouYu.DreamTour.Web.Models;
@{
    var CateringInfo = ViewBag.CateringInfo as List<CaterAccommod>;
    var HotelInfo = ViewBag.HotelInfo as List<Hotel>;
    var HotelPicInfo = ViewBag.HotelPicInfo as List<HotelDetails>;
    var UserInfo = UserInfoContext.userInfoContext.UserInfo;
}


<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>餐饮住宿页</title>
    <link href="~/css/style.css" rel="stylesheet" type="text/css" />
    <link href="~/css/common.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="~/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="~/js/imgtoggle.js"></script>
    <script type="text/javascript">
        window.onload = function () {
            var iTgl = new k_iToggle();
            iTgl.init({
                boxId: 'box',
                numId: 'num',
                imgId: 'imgs',
                isAuto: true,
                aCls: 'act',
                iCls: 'imgs1',
                direct: 'crt'
            });
            chg(iTgl, 'chg');
            _auto(iTgl, 'auto_1');

            //改变方向
            function chg(o, id) {
                $('#' + id).click(function () {
                    if (o.direct() == 'crt') {
                        o.direct('lvl');
                        $(this).text('纵向');
                    } else {
                        o.direct('crt');
                        $(this).text('横向');
                    }
                });
            }

            function _auto(o, id) {
                $('#' + id).click(function () {
                    if (o.isAuto) {
                        o.isAuto = false;
                        $(this).text('自动播放已停止');
                    } else {
                        o.isAuto = true;
                        o.auto();
                        $(this).text('自动播放');
                    }
                });
            }
        }
    </script>
    <script type="text/javascript">
        $(function () {
            var wweya_li = $("div.tab_menu ul li");
            wweya_li.click(function () {
                $(this).addClass("selected")
                    .siblings().removeClass("selected");
                var index = wweya_li.index(this);
                $("div.tab_box > div")
                    .eq(index).show(100)
                    .siblings().hide();
            }).hover(function () {
                $(this).addClass("hover");
            }, function () {
                $(this).removeClass("hover");
            });
        });
    </script>
</head>
<body>
    <div class="top_hw clearfix">
        <div class="top_h clearfix">
            <div class="top_hl"><span>欢迎来到中国梦想游，让你的梦想全程免费自由行！</span> 预定热线：<b>0571-63322269</b></div>
            <div class="top_hr">
                @if (UserInfo == null)
                {
                    <a href="/Home/User_Register">会员注册</a>
                    <span>|</span> <a href="/Home/User_Login">登录</a>
                    <span>|</span> <a href="#">梦想收藏</a> <span>|</span> <a href="#">设为首页</a>
                    @*<a>
                欢迎你，来到新世界旅行网！
            </a>*@
                }
                else
                {
                    <a href="/Home/User_Center">会员中心</a>
                    <span>|</span> <a href="#">梦想收藏</a> <span>|</span> <a href="#">设为首页</a> <span>|</span> <a href="/Login/LoginOut">退出</a> <span>|</span>
                    <a>
                        欢迎你，<span>@UserInfo.User_Name</span>来到新世界旅行网！
                    </a>
                }
            </div>
        </div>
    </div>
    <div class="head_w">
        <div class="head_t clearfix">
            <div class="logo"><img src="~/images/logo.jpg"></div>
            <div class="rx_line"><img src="~/images/rx.jpg"></div>
        </div>
    </div>
    <div class="mainNav clearfix">
        <ul class="Nav_ul">
            <li class="cur"><a href="/Home/Index">首页</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Route">旅游路线</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Scenic">旅游景点</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/CateringAccommodation">餐饮住宿</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Traffic_DatailsOne">交通线路</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Group">旅游团购</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Specialty">地方特产</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/AutoGenerationIntro">自动生成简介</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Team_Join">团队简介</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Itinerary_Details">行程导航</a></li>
        </ul>
    </div>
    <div class="b_wrap">
        <div class="current"><span>当前所在地：</span><a href="/Home/Index">首页</a> >> <a href="/Home/CateringAccommodation">餐饮住宿</a> </div>
        <div class="clumn_w clearfix">
            <div class="clu_zb">
                <div class="tab_menu mul_w">
                    <ul class="tab_mul">
                        <li class="selected">全自助游</li>
                        <li>途径城市设定</li>
                        <li>入住酒店设定</li>
                        <li>交通设定</li>
                        <li>线路设定</li>
                        <li>特殊需求线路</li>
                    </ul>
                </div>
                <div class="tab_box tw_tab">
                    <div>
                        <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>入住城市</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>入住日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>离店日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>行程价格</td>
                                <td><select name=""></select></td>
                            </tr>
                            <tr>
                                <td>酒店位置</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>酒店名称</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td><a href="#">生成行程单搜索</a></td>
                            </tr>
                        </table>
                    </div>
                    <div class="hide">
                        <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>入住城市</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>入住日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>离店日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>行程价格</td>
                                <td><select name=""></select></td>
                            </tr>
                            <tr>
                                <td>酒店位置</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>酒店名称</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td><a href="#">生成行程单搜索</a></td>
                            </tr>
                        </table>
                    </div>
                    <div class="hide">
                        <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>入住城市</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>入住日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>离店日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>行程价格</td>
                                <td><select name=""></select></td>
                            </tr>
                            <tr>
                                <td>酒店位置</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>酒店名称</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td><a href="#">生成行程单搜索</a></td>
                            </tr>
                        </table>
                    </div>
                    <div class="hide">
                        <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>入住城市</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>入住日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>离店日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>行程价格</td>
                                <td><select name=""></select></td>
                            </tr>
                            <tr>
                                <td>酒店位置</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>酒店名称</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td><a href="#">生成行程单搜索</a></td>
                            </tr>
                        </table>
                    </div>
                    <div class="hide">
                        <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>入住城市</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>入住日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>离店日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>行程价格</td>
                                <td><select name=""></select></td>
                            </tr>
                            <tr>
                                <td>酒店位置</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>酒店名称</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td><a href="#">生成行程单搜索</a></td>
                            </tr>
                        </table>
                    </div>
                    <div class="hide">
                        <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>入住城市</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>入住日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>离店日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>行程价格</td>
                                <td><select name=""></select></td>
                            </tr>
                            <tr>
                                <td>酒店位置</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>酒店名称</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td><a href="#">生成行程单搜索</a></td>
                            </tr>
                        </table>
                        卦
                    </div>
                </div>
            </div>
            <div class="in">
                <div class="pbox">
                    <div id="box" class="box">
                        <ul id="imgs">
                            <li><a href="#"><img src="~/images/lunbothree.jpg" width="570" height="280"></a></li>
                            <li><a href="#"><img src="~/images/lunbotwo.jpg" width="570" height="280"></a></li>
                            <li><a href="#"><img src="~/images/lunbofour.jpg" width="570" height="280"></a></li>
                            <li><a href="#"><img src="~/images/lunboone.gif" width="570" height="280"></a></li>
                        </ul>
                    </div>
                    <div class="cons">
                        <ul id="num" class="num">
                            <li class="act"><a href="#">黄金海岸</a></li>
                            <li><a href="#">绿色之滨</a></li>
                            <li><a href="#"> 花木小镇</a></li>
                            <li style="width:140px"><a href="#"> 丽江泸沽湖</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="clumn_w clearfix">
            <div class="clumn_l">
                <div class="clumn">
                    <div class="clumn_tit t01">餐饮住宿</div>
                    <div class="clumn_con">
                        <div class="cln_w">
                            <p>热门城市</p>
                            <div class="cln_c clearfix">
                                <a href="#">北京</a>
                                <a href="#">上海</a>
                                <a href="#">厦门</a>
                                <a href="#">成都</a>
                                <a href="#">西安</a>
                                <a href="#">黄山</a>
                                <a href="#">香港</a>
                                <a href="#">青岛</a>
                                <a href="#">桂林</a>
                                <a href="#">深圳</a>
                                <a href="#">三亚</a>
                                <a href="#">杭州</a>
                                <a href="#">丽江</a>
                                <a href="#">南京</a>
                                <a href="#">重庆</a>
                                <a href="#">苏州</a>
                                <a href="#">张家界</a>
                            </div>
                        </div>
                        <div class="cln_w">
                            <p>房价</p>
                            <div class="cln_c clearfix">
                                <a href="#">600元以上</a>
                                <a href="#">300-600元</a>
                                <a href="#">150-300元</a>
                                <a href="#">150元以下</a>
                            </div>
                        </div>
                        <div class="cln_w">
                            <p>酒店星级</p>
                            <div class="cln_c clearfix">
                                <a href="#">五星/豪华</a>
                                <a href="#">四星/高档</a>
                                <a href="#">三星/舒适</a>
                                <a href="#">经济/客栈</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clumn">
                    <div class="clumn_tit t02"><span>优惠促销</span><a href="#">更多>></a></div>
                    <div class="clumn_con">
                        <ul class="clu_ul">
                            <li><a href="#">六日黄石公园, 现有女一人，寻女性同游</a></li>
                            <li><a href="#">国庆长假，温哥华维多利亚自助游找伴</a></li>
                            <li><a href="#">去NewFundland，自助游！ 肯定走！</a></li>
                            <li><a href="#">多伦多-温哥华 横跨之旅</a></li>
                            <li><a href="#">诚招一女， 已有7人定下去NewFoundland</a></li>
                            <li><a href="#">六日黄石公园, 现有女一人，寻女性同游</a></li>
                            <li><a href="#">暑期邮轮 特价不断</a></li>
                            <li><a href="#">订机票，选银联，超值特惠</a></li>
                        </ul>
                        <div><center><img src="~/images/add01.jpg"></center></div>
                    </div>
                </div>
                <div class="clumn">
                    <div class="clumn_tit t03"><span>游览历史记录</span><a href="#">更多>></a></div>
                    <div class="clumn_con">
                        <ul class="clu_ul s_ul">
                            <li><a href="#">日本航空·大阪自由行5日    </a><span>¥3152</span></li>
                            <li><a href="#">日本航空·名古屋自由行4日  </a><span>¥3129</span></li>
                            <li><a href="#">购物·东京涉谷原宿自由行5日</a><span>¥5880</span></li>
                            <li><a href="#">日本航空·大阪自由行5日    </a><span>¥3152</span></li>
                            <li><a href="#">日本航空·名古屋自由行4日  </a><span>¥3129</span></li>
                            <li><a href="#">购物·东京涉谷原宿自由行5日</a><span>¥5880</span></li>
                            <li><a href="#">日本航空·大阪自由行5日    </a><span>¥3152</span></li>
                            <li><a href="#">日本航空·名古屋自由行4日  </a><span>¥3129</span></li>
                            <li><a href="#">购物·东京涉谷原宿自由行5日</a><span>¥5880</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clumn_r">
                <div class="tab_menu b_border clearfix">
                    <ul class="m_ul">
                        <li class="selected">餐饮</li>
                        <li>酒店</li>
                    </ul>
                    <a href="/Home/HotelReservation">酒店预定</a>
                </div>
                <div class="tab_box">
                    @*餐饮信息*@
                    <div class="tab_ul">
                        @foreach (var info in CateringInfo)
                        {
                            <div class="clearfix tab_d">
                                <div class="fn-left" style="float:left"><img src="@info.Cater_BigPic"></div>
                                <div class="tab_con" style="float:right;width:55%">
                                    <p><b>@info.CaterName</b></p>
                                    <p>
                                        推荐星级：
                                        @for (int i = 0; i < info.Level; i++)
                                        {
                                            <img src="~/images/xx.png" style="width:5%">
                                        }
                                    </p>
                                    <p>联系方式：@info.Telphone</p>
                                    <p>地址：@info.Address</p>
                                    <p><a href="/Home/FoodDetails?CaterId=@info.CaterId"><img src="~/images/more)).jpg"></a></p>
                                </div>

                            </div>

                            <div class="line_b"></div>
                        }
                    </div>

                    @*酒店信息*@

                    <div class="hide tab_ul">
                        @foreach (var hotelinfo in HotelInfo)
                        {
                            foreach (var hotelPicinfo in HotelPicInfo)
                            {
                                if (hotelinfo.HotelId == hotelPicinfo.HotelId)
                                {
                                    <div class="clearfix tab_d">
                                        <div class="fn-left" style="float:left"><img src="@hotelPicinfo.Hotel_BigPic"></div>
                                        <div class="tab_con" style="float:right;width:55%">
                                            <p><b>@hotelinfo.HotelName</b></p>
                                            <p>
                                                推荐星级：
                                                @for (int i = 0; i < hotelinfo.Level; i++)
                                                {
                                                    <img src="~/images/xx.png" style="width:5%">
                                                }
                                            </p>
                                            <p>联系方式：@hotelinfo.Hotel_Tel</p>
                                            <p>地址：@hotelPicinfo.HotelAddress</p>
                                            <p><a href="/Home/HotelDetails?HotelId=@hotelinfo.HotelId"><img src="~/images/more)).jpg"></a></p>
                                        </div>
                                    </div>
                                }
                            }
                        }
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

